.editor-drawer {
	font-size: 13px;
	background: white;
}

.editor-drawer__description {
	color: $gray;
	font-size: 12px;
}

.editor-drawer .accordion:not( .is-expanded ) .accordion__toggle {
	.accordion__subtitle::after {
		@include long-content-fade( $color: $white );
	}

	&:hover .accordion__subtitle::after {
		@include long-content-fade( $color: $white );
	}
}

.editor-drawer__accordion.is-loading .accordion__subtitle {
	position: relative;
	color: transparent;

	&::before {
		content: '';
		position: absolute;
			top: 1px;
			bottom: 1px;
		width: 60%;
		background-color: lighten( $gray, 20% );
		animation: loading-fade 1.6s ease-in-out infinite;
	}
}

.editor-drawer__label {
	@include clear-fix;
}

.editor-drawer__label-text {
	color: $gray-text;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 4px;
}

.editor-drawer__label-text .info-popover {
	float: right;
}

.editor-drawer__heading {
	font-weight: 400;
	font-size: 12px;
	margin-bottom: 4px;
}

.editor-drawer .form-textarea {
	font-size: 13px;
	font-family: $serif;
	resize: vertical;
	-webkit-appearance: none;
}

.editor-drawer .editor-delete-post::before {
	content: '';
	border-top: 1px solid lighten( $gray, 30 );
	display: block;
	margin-top: -16px;
	position: absolute;
		left: 0;
		right: 0;
}

.editor-drawer .async-load {
	margin: 16px;
	width: auto;
}

.editor-drawer__copy-post .button {
	margin-top: 16px;
	width: 100%;
}

.editor-drawer .editor-categories-tags__accordion .accordion__content-wrap,
.editor-drawer .editor-drawer__more-options .accordion__content-wrap {
	padding-top: 8px;
}
